<template>
  <div class="relative w-full h-[100vh] min-h-screen flex flex-col">
    <Header />
      <div class="relative w-full flex">
      <Section></Section>
      </div>

    <Footer />

  </div>
</template>
    
<script setup lang="ts">
// 这里可以导入头部和尾部组件
import Header from "./header.vue";
import Footer from "./footer.vue";
import Section from './section.vue'
import { useAppStore } from "@/store";
import { ref, computed } from "vue";

const appStore = useAppStore();
const contStyle = computed(() => {
  let height = {};
  if (appStore.sectionHeaderShow) {
    height = {
      height: "calc(100vh - 144px)",
    };
  } else {
    height = {
      height: "calc(100vh - 64px)",
    };
  }
  console.log("style:", height);
  return height;
});
</script>




<style lang="less" scoped>

</style>
    